<div id="content">
  <div class="row s_page_title">
    <sa-big-breadcrumbs [items]="['设备安装管理', '不良设备跟踪']" icon="fa fa-wrench" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
  </div>
  <sa-widgets-grid>
    <div class="s_table">
      <div sa-widget [editbutton]="false" color="darken" class="clearfix">
        <header>
          <span class="widget-icon"><i class="fa fa-table"></i></span>
          <h2>不良设备跟踪</h2>
        </header>
        <div>
          <div class="widget-body no-padding">
            <div class="page-header clearfix s_table_opreation">
              <div class="left page-header-btn" style="width: calc(100% - 220px)">
                <div class="top_module">
                  <span class="module_text">公司名称</span>
                  <sa-company-tree companyTreeId="companyTree" (companySelected)="companySelected($event)"></sa-company-tree>
                </div>
                <div class="top_module">
                  <span class="module_text">检测状态</span>
                  <select name="" id="" class="module_inp" [(ngModel)]="isCheck">
                    <option value="">全部</option>
                    <option value="0">待检测</option>
                    <option value="1">已检测</option>
                  </select>
                </div>
                <div class="top_module">
                  <span class="module_text">复测结果</span>
                  <select name="" id="" class="module_inp" [(ngModel)]="retestResult">
                    <option value="">全部</option>
                    <option value="正常">正常</option>
                    <option value="异常">异常</option>
                    <option value="其他">其他</option>
                  </select>
                </div>
                <div class="top_module">
                  <span class="module_text">是否关联维修记录</span>
                  <select name="" id="" class="module_inp" [(ngModel)]="joinRepairedRecordFlag">
                    <option value="">全部</option>
                    <option value="true">是</option>
                    <option value="false">否</option>
                  </select>
                </div>
                <div class="top_module">
                  <span class="module_text">是否关联治具检测</span>
                  <select name="" id="" class="module_inp" [(ngModel)]="joinzhiJuFlag">
                    <option value="">全部</option>
                    <option value="true">是</option>
                    <option value="false">否</option>
                  </select>
                </div>
                <div class="selectDate top_module">
                  <table-select-date [notInit]="true" [specifyTime]="specifyTime" [notInit]="true" (outerTime)="dateSelect($event)"></table-select-date>
                </div>
                <button type="button" class="btn btn-primary" (click)="tableSearch()">查询</button>
                <button type="button" class="btn btn-primary" (click)="addRecordDetail(recordDetailModal)">新增</button>
                <button type="button" class="btn btn-primary" (click)="dataExceport()">导出</button>
              </div>
              <div class="right top-search">
                <input type="text" [(ngModel)]="searchKey" (change)="tableSearch()" class="search-input" placeholder="请输入车牌,公司名称,不良原因等..." />
                <span class="top-search-box">
                  <button class="top-search-btn" type="button" (click)="tableSearch()">
                    <i class="fa fa-search"></i>
                  </button>
                </span>
              </div>
            </div>
            <div class="table_scroll">
              <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                <thead>
                  <tr>
                    <th>车牌号</th>
                    <th>公司名称</th>
                    <th>设备ID</th>
                    <th>产品编号(外壳编码)</th>
                    <th>硬件版本号</th>
                    <th>SIM卡号</th>
                    <th>生产日期</th>
                    <th>治具诊断时间</th>
                    <th>治具诊断状态</th>
                    <th>检测人</th>
                    <th>维修时间</th>
                    <th>维修故障现象</th>
                    <th>维修内容</th>
                    <th>维修人</th>
                    <th>保修到期时间</th>
                    <th>保修到期状态</th>
                    <th>寄回时间</th>
                    <th>检测状态</th>
                    <th>复测结果</th>
                    <th>复测结果备注</th>
                    <th>不良原因</th>
                    <th>改善策略</th>
                    <th>问题解决时间</th>
                    <th>问题负责人</th>
                    <th>不良图片</th>
                    <th>复测故障现象</th>
                    <th>创建时间</th>
                    <th>录入人</th>
                    <th>修改时间</th>
                    <th>修改人</th>
                    <th>操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of tableData">
                    <td>{{ row.carNumber }}</td>
                    <td>{{ row.companyName }}</td>
                    <td>{{ row.deviceId }}</td>
                    <td>{{ row.productNo }}</td>
                    <td>{{ row.hwVersion }}</td>
                    <td>{{ row.iccid }}</td>
                    <td>{{ row.productTime }}</td>
                    <td>{{ row.deviceBadCheck && row.deviceBadCheck.checkTime }}</td>
                    <td>
                      <span *ngIf="row.deviceBadCheck && row.deviceBadCheck.zhiJuResult == '正常'" class="green">正常</span>
                      <span *ngIf="row.deviceBadCheck && row.deviceBadCheck.zhiJuResult == '异常'" class="orange">异常</span>
                    </td>
                    <td>{{ row.deviceBadCheck && row.deviceBadCheck.checkMen }}</td>
                    <td>{{ row.deviceBadRepaired && row.deviceBadRepaired.repairedTime }}</td>
                    <td>{{ row.deviceBadRepaired && row.deviceBadRepaired.faultPhenomenon }}</td>
                    <td>{{ row.deviceBadRepaired && row.deviceBadRepaired.repairedRecord }}</td>
                    <td>{{ row.deviceBadRepaired && row.deviceBadRepaired.repairedUser }}</td>
                    <td>{{ row.deviceBadRepaired && row.deviceBadRepaired.warrantyExpirationTime }}</td>
                    <td>
                      <span *ngIf="row.deviceBadRepaired && row.deviceBadRepaired.expire == 1" class="green">未到期</span>
                      <span *ngIf="row.deviceBadRepaired && row.deviceBadRepaired.expire == 2" class="red">已到期</span>
                    </td>
                    <td>{{ row.returnTime }}</td>
                    <td>
                      <span *ngIf="row.isCheck == 0" class="orange">待检测</span>
                      <span *ngIf="row.isCheck == 1" class="green">已检测</span>
                    </td>
                    <td>
                      <span [ngClass]="{'green': row.retestResult == '正常', 'orange': row.retestResult == '异常'}">{{ row.retestResult }}</span>
                    </td>
                    <td>{{ row.retestRemark }}</td>
                    <td>{{ row.badReasons }}</td>
                    <td>{{ row.improvementStrategy }}</td>
                    <td>{{ row.resolutionTime }}</td>
                    <td>{{ row.principal }}</td>
                    <td>
                      <button *ngIf="row.imagePaths != ''" type="button" (click)="showImg2(row, imgModal2)">
                        查看
                      </button>
                    </td>
                    <td>{{ row.faultPhenomenon }}</td>
                    <td>{{ row.createTime }}</td>
                    <td>{{ row.createUser }}</td>
                    <td>{{ row.updateTime }}</td>
                    <td>{{ row.updateUser }}</td>
                    <td>
                      <button type="button" (click)="edtrRecord(row, recordDetailModal)">编辑</button>
                      <button type="button" (click)="deleteRecord(row)">删除</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
            <div class="table-fix clearfix">
              <paginator [totalRecords]="totalCounts" [rows]="pageSize" [currentPage]="curPage - 1" (onPageChange)="paginate($event)"></paginator>
              <button type="button" class="btn default refresh_btn" (click)="refresh()">
                <i class="fa fa-refresh"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </sa-widgets-grid>
</div>
<!-- 图片查看   弹窗-->
<section bsModal #imgModal2="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content" style="width: 570px">
      <div class="modal-header">
        <button type="button" class="close" (click)="closeImgModal2(imgModal2)" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">不良记录照片</h4>
      </div>
      <div class="modal-body">
        <div class="imagesInfo2">
          <div class="imgShow" *ngFor="let item of imgLocalList" (click)="bigimg('Modal2', item)">
            <img [src]="item" alt="不良记录照片" style="cursor: pointer" />
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- 图片查看 弹窗end-->

<!--    弹窗 新增-->
<section bsModal #recordDetailModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" style="width: 1200px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" (click)="recordDetailClose(recordDetailModal)" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">{{ pageType }}不良记录</h4>
      </div>
      <div class="modal-body">
        <div class="row form-horizontal">
          <div class="form-group" style="width: 90%;margin: 10px auto;" *ngIf="pageType == '新增'">
            <div class="col-xs-3">
              <select name="" id="" class="form-control" [(ngModel)]="type" (change)="changeType($event.target.value)" style="height: 35px;">
                <option value="1">设备Id</option>
                <option value="2">车牌号码</option>
                <option value="3">外壳编码</option>
              </select>
            </div>
            <div class="col-xs-6 s_fix_select2_width s_fix_select2" style="height: 35px !important;line-height: 35px !important;">
              <div class="s_hover_box">
                <select class="select2" name="carNumberSelect2" id="carNumberSelect2" style="height: 35px !important;line-height: 35px !important;width:100%">
                  <option value=''></option>
                </select>
                <div class="s_del_icon" (click)='del_carNumber()' style="top: 10px;">x</div>
              </div>
            </div>
            <div class="col-xs-3">
              <button type="button" class="btn btn-primary" (click)="searchValue()" style="height: 35px;">
                查询
              </button>
            </div>
          </div>
          <div class="form-group col-sm-12 title">
            <span class="font-tit">基础信息</span>
          </div>
          <div class="form-group col-sm-12">
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                设备ID：
                <sup>*</sup>
              </label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.deviceId" name="deviceId" placeholder="设备ID" [disabled]="pageType == '编辑'" />
              </div>
            </div>
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">车牌号：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.carNumber" name="carNumber" placeholder="车牌号" [disabled]="pageType == '编辑'"/>
              </div>
            </div>
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                产品编号(外壳编码)：
              </label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.productNo" name="productNo" placeholder="产品编号(外壳编码)" />
              </div>
            </div>
          </div>
          <div class="form-group col-sm-12">
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">公司名称：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.companyName" name="companyName" placeholder="公司名称" [disabled]="pageType == '编辑'"/>
              </div>
            </div>
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">硬件版本号：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.hwVersion" name="hwVersion" placeholder="硬件版本号" />
              </div>
            </div>
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">SIM卡号：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.iccid" name="iccid" placeholder="SIM卡号" />
              </div>
            </div>
          </div>
          <div class="form-group col-sm-12">
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">生产日期：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.productTime" name="productTime" id="productTime" autocomplete="off" placeholder="生产日期" />
              </div>
            </div>
            <div class="col-sm-4 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                寄回时间：
                <sup>*</sup>
              </label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.returnTime" name="returnTime" id="returnTime" autocomplete="off" placeholder="寄回时间" />
              </div>
            </div>
          </div>
          <div class="form-group col-sm-12 title">
            <span class="font-tit">治具检测</span>
            <button type="button" class="btn btn-primary" (click)="addFixtureRecord(fixtureModal)" style="position: absolute; right: 38px; bottom: 5px;">
              选择
            </button>
          </div>
          <div class="form-group col-sm-12">
            <div class="table_scroll">
              <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                <thead>
                  <tr>
                    <th>检测时间</th>
                    <th>诊断状态</th>
                    <th>检测人</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of fixtureSublist; let i = index" [attr.data-index]="i">
                    <td>{{ row.checkTime }}</td>
                    <td>
                      <span *ngIf="row.zhiJuResult == '正常'" class="green">正常</span>
                      <span *ngIf="row.zhiJuResult == '异常'" class="orange">异常</span>
                    </td>
                    <td>{{ row.checkMen }}</td>
                  </tr>
                </tbody>
              </table>
              <div *ngIf="fixtureSublist.length == 0" style="height: 40px; margin: 0 auto; text-align: center; line-height: 40px">
                暂无数据
              </div>
            </div>
          </div>
          <div class="form-group col-sm-12 title">
            <span class="font-tit">维修记录</span>
            <button type="button" class="btn btn-primary" (click)="addBadRecord(addBadRecordModal)" style="position: absolute; right: 38px; bottom: 5px;">
              选择
            </button>
          </div>
          <div class="form-group col-sm-12">
            <div class="table_scroll">
              <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
                <thead>
                  <tr>
                    <th>车牌号码</th>
                    <th>设备ID</th>
                    <th>所属公司</th>
                    <th>维修人员</th>
                    <th>维修时间</th>
                    <th>维修故障现象</th>
                    <th>维修记录</th>
                    <th>保修到期时间</th>
                    <th>保修到期状态</th>
                  </tr>
                </thead>
                <tbody>
                  <tr *ngFor="let row of repairedSublist; let i = index" [attr.data-index]="i">
                    <td>{{ row.carNumber }}</td>
                    <td>{{ row.deviceId }}</td>
                    <td>{{ row.companyName }}</td>
                    <td>{{ row.repairedUserName }}</td>
                    <td>{{ row.repairedTime }}</td>
                    <td>{{ row.faultPhenomenonList }}</td>
                    <td>{{ row.repairSubdivideList }}</td>
                    <td>{{ row.warrantyExpirationTime }}</td>
                    <td>
                      <span *ngIf="row.expire == 1" class="green">未到期</span>
                      <span *ngIf="row.expire == 2" class="red">已到期</span>
                    </td>
                  </tr>
                </tbody>
              </table>
              <div *ngIf="repairedSublist.length == 0" style="height: 40px; margin: 0 auto; text-align: center; line-height: 40px">
                暂无数据
              </div>
            </div>
          </div>
          <div class="form-group col-sm-12 title">
            <span class="font-tit">复测诊断</span>
          </div>
          <div class="form-group col-sm-12">
            <div class="col-sm-6 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">复测结果：<sup>*</sup></label>
              <div class="col-xs-9">
                <select name="retestResult" id="retestResult" class="form-control" [(ngModel)]="recordDetailFrom.retestResult">
                  <option value="">请选择</option>
                  <option value="正常">正常</option>
                  <option value="异常">异常</option>
                  <option value="其他">其他</option>
                </select>
              </div>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                复测故障现象：
                <sup>*</sup>
              </label>
              <div class="col-xs-9" style="position: relative">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.faultPhenomenon" name="faultPhenomenon" placeholder="故障现象" />
              </div>
            </div>
          </div>
          <div class="form-group col-sm-12">
            <div class="col-sm-6 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">复测结果备注：</label>
              <div class="col-xs-9">
                <textarea class="form-control" type="text" style="resize: vertical;" rows="5" [(ngModel)]="recordDetailFrom.retestRemark" name="retestRemark" placeholder="复测结果备注"></textarea>
              </div>
            </div>
            <div class="col-sm-6 col-xs-12" style="margin-bottom: 20px;">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">不良原因：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.badReasons" name="badReasons" placeholder="不良原因" />
              </div>
            </div>
            <div class="col-sm-6 col-xs-12" style="margin-bottom: 20px;">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">改善策略：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.improvementStrategy" name="improvementStrategy" placeholder="改善策略" />
              </div>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">问题解决时间：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.resolutionTime" id="resolutionTime" autocomplete="off" name="resolutionTime" placeholder="问题解决时间" />
              </div>
            </div>
          </div>
          <div class="form-group col-sm-12" style="margin-bottom: 0;">
            <div class="col-sm-6 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">
                不良图片(多图上传)：
              </label>
              <div class="col-xs-9 imgFileList">
                <div class="imgFileList-power">
                  <div class="imgFileList-multifile">
                    <div class="uploadlocation uploadlocation1">
                      <div class="content-list">
                        <div class="headImg" *ngFor="let item of imageInfoList; let i = index">
                          <div class="contentImg">
                            <img class="img" [src]="item" (click)="bigImgClick(item)" style="width: 100%" />
                          </div>
                          <i class="deleteImg" (click)="deleteImg(i)"></i>
                        </div>
                        <div class="btn div_imgall">
                          <div class="div_shuline"></div>
                          <div class="div_hengline"></div>
                          <input type="file" class="up" title=" " placeholder=" " accept="image/*" multiple (change)="multifileChange($event.target.files)" />
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-sm-6 col-xs-12">
              <label class="control-label col-xs-3 no-padding-right" style="padding: 7px 0 0">问题负责人：</label>
              <div class="col-xs-9">
                <input class="form-control" type="text" [(ngModel)]="recordDetailFrom.principal" name="principal" placeholder="问题负责人" />
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" (click)="recordDetailClose(recordDetailModal)">取消</button>
        <button type="button" class="btn btn-primary" (click)="recordDetailSubmit(recordDetailModal)">确认</button>
      </div>
    </div>
  </div>
</section>
<!--  弹窗end-->

<!--    弹窗选择故障现象-->
<section bsModal #addBadRecordModal="bs-modal" id="addBadRecordModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" style="width: 1000px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" (click)="addBadRecordClose(addBadRecordModal)" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">选择故障现象</h4>
      </div>
      <div class="modal-body">
        <div class="row form-horizontal">
          <div class="table_scroll">
            <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
              <thead>
                <tr>
                  <th></th>
                  <th>车牌号码</th>
                  <th>设备ID</th>
                  <th>所属公司</th>
                  <th>维修人员</th>
                  <th>维修时间</th>
                  <th>维修故障现象</th>
                  <th>维修记录</th>
                  <th>保修到期时间</th>
                  <th>保修到期状态</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let row of repairedListData; let i = index" [attr.data-index]="i">
                  <td>
                    <div class="checkbox" style="margin: 0; left: 5px; text-align: center;padding-top: 0;">
                      <label class="checkbox-label">
                        <input type="checkbox" class="checkbox style-0" [(ngModel)]="row.isChecked" (click)="rowSelected(row, $event, i)" />
                        <span class="checkbox-flag"></span>
                      </label>
                    </div>
                  </td>
                  <td>{{ row.carNumber }}</td>
                  <td>{{ row.deviceId }}</td>
                  <td>{{ row.companyName }}</td>
                  <td>{{ row.repairedUserName }}</td>
                  <td>{{ row.repairedTime }}</td>
                  <td>{{ row.faultPhenomenonList }}</td>
                  <td>{{ row.repairSubdivideList }}</td>
                  <td>{{ row.warrantyExpirationTime }}</td>
                  <td>
                    <span *ngIf="row.expire == 1" class="green">未到期</span>
                    <span *ngIf="row.expire == 2" class="red">已到期</span>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div *ngIf="repairedListData.length == 0" style="text-align: center; color: #ccc; line-height: 80px">
            暂无数据
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" (click)="notBadRecord(addBadRecordModal)">
              未关联
            </button>
            <button type="button" *ngIf="repairedListData.length" class="btn btn-default" (click)="addBadRecordClose(addBadRecordModal)">
              取消
            </button>
            <button type="button" *ngIf="repairedListData.length" class="btn btn-primary" (click)="recordFaultPhenomenonSubmit(addBadRecordModal)">
              确认
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--  弹窗end-->

<!--    弹窗选择治具日志-->
<section bsModal #fixtureModal="bs-modal" id="fixtureModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" style="width: 1000px">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" (click)="fixtureModalClose(fixtureModal)" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">选择治具日志</h4>
      </div>
      <div class="modal-body">
        <div class="row form-horizontal">
          <div class="table_scroll">
            <table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
              <thead>
                <tr>
                  <th></th>
                  <th>检测时间</th>
                  <th>诊断状态</th>
                  <th>检测人</th>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let row of fixtureListData; let i = index" [attr.data-index]="i">
                  <td>
                    <div class="checkbox" style="margin: 0; left: 5px; text-align: center;padding-top: 0;">
                      <label class="checkbox-label">
                        <input type="checkbox" class="checkbox style-0" [(ngModel)]="row.isChecked" (click)="rowFixtureSelected(row, $event, i)" />
                        <span class="checkbox-flag"></span>
                      </label>
                    </div>
                  </td>
                  <td>{{ row.checkTime }}</td>
                  <td>
                    <span *ngIf="row.zhiJuResult == '正常'" class="green">正常</span>
                    <span *ngIf="row.zhiJuResult == '异常'" class="orange">异常</span>
                  </td>
                  <td>{{ row.checkMen }}</td>
                </tr>
              </tbody>
            </table>
          </div>
          <div *ngIf="fixtureListData.length == 0" style="text-align: center; color: #ccc; line-height: 80px">
            暂无数据
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" (click)="notFixtureRecord(fixtureModal)">
              未关联
            </button>
            <button type="button" *ngIf="fixtureListData.length" class="btn btn-default" (click)="fixtureModalClose(fixtureModal)">
              取消
            </button>
            <button type="button" *ngIf="fixtureListData.length" class="btn btn-primary" (click)="fixtureModalSubmit(fixtureModal)">
              确认
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--  弹窗end-->